<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fontmatrix User Manual - Comparisons - Comparison of glyphs</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Comparison of glyphs</h2>

<p>Comparison of same glyph in different fonts can be useful for both work and 
study.</p>

<p>To add a font to the list for comparison in the <em>Browse Fonts</em> 
sidebar click on the font's face, then go to <em>Compare</em> tab and click 
<b>Add</b> button.</p>

<p>Here is a typical view of Fontmatrix in glyphs comparison mode:</p>

<p><a href="images/glyphs_comparison_typical_view.png"><img src="images/glyphs_comparison_typical_view_th.png" /></a></p>

<p>Now let's have a closer look at options available to you.</p>

<p><em>Show</em> checkbox toggles visibility of a glyph rendering with a font 
that is currently selected in the list above.</p>

<p><em>Fill</em> allows choosing one of predefined fills for a glyph or 
disabling colored fill by selecting "None".</p>

<p><em>Points</em> will render points from which shape of a glyph is constructed, and <em>Controls</em> will render control points for these points:</p>

<p><img src="images/glyphs_comparison_points_and_controls.png"></p>

<p><em>"Metrics"</em> will render baseline and display em size:</p>

<p><img src="images/glyphs_comparison_metrics.png"></p>

<p><em>"Offset"</em> moves a glyph horizontally to the right so that you can line up several glyphs without stacking them on top of each other:</p>

<p><img src="images/glyphs_comparison_offset_to_line_up.png"></p>

<p>But sometimes stacking is exactly what you want, especially when you are learning about differences between weights within one font family. In that case you can use offset to group weights of roman and italic faces:</p>

<p><img src="images/glyphs_comparison_offset_to_line_up_2.png" /></p>

<p>Despite of using same huge area as in playground, amount of shifting is limited, so five glyphs are usually a limit for letters.</p>

<p>Finally, the <em>Keep in sync</em> checkbox makes sure you use same character for comparison between fonts, and slider and checkbox are a way you choose a character for rendering. If you want to compare two similar glyphs of the same font, add that font twice and uncheck <em>Keep in sync</em> to select second similar glyph:</p>

<p><img src="images/glyphs_comparison_two_glyphs_of_same_font.png"></p>

</body>
</html>
